<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>商品分类列表页</title>
		<style type="text/css">
			#d1 {
				border: 2px solid #fc9829;
				height: 600px;
				width: 50%;
				border-radius: 2%;
				/* padding-left: 50px; */
			}

			hr {
				border: 1px dashed #efefef;
			}

			#d1 div {
				/* border: 1px solid red; */
				border: none;
				height: 40px;
				width: 50%;
				background-repeat: no-repeat;
				background-position: left center;

				
				line-height: 40px;
				padding-left: 40px;
			}

			#p1 {
				border-radius: 20%;
				background-image: url(../zy6.15/img/icon_01.jpg);
			}

			#p2 {
				background-image: url(../zy6.15/img/recruit-02.jpg);
			}

			/* #p3{
				background-image:url(../zy6.15/img/recruit-03.jpg) ;
			}
			#p4{
				background-image:url(../zy6.15/img/recruit-04.jpg) ;
			}
			#p5{
				background-image:url(../zy6.15/img/recruit-05.jpg) ;
			}
			#p6{
				background-image:url(../zy6.15/img/recruit-06.jpg) ;
			}
			#p7{
				background-image:url(../zy6.15/img/recruit-07.jpg) ;
			}
			#p8{
				background-image:url(../zy6.15/img/recruit-08.jpg) ;
			}
			#p9{
				background-image:url(../zy6.15/img/recruit-09.jpg) ;
			}
			#p10{
				border-radius: 20%;
				background-image:url(../zy6.15/img/recruit-10.jpg) ;
			} */
		</style>
	</head>
	<body>
		<div id="d1">
			<p></p>
			<div id="p1">酒水、饮料</div>
			<hr>
			<div id="p2">进口食品</div>
			<hr>
			<div id="p3">休闲零食</div>
			<hr>
			<div id="p4">地方特产</div>
			<hr>
			<div id="p5">保健、冲调</div>
			<hr>
			<div id="p6">粮油、生鲜</div>
			<hr>
			<div id="p7">美容洗护</div>
			<hr>
			<div id="p8">清洁洗涤</div>
			<hr>
			<div id="p9">母婴、纸品</div>
			<hr>
			<div id="p10">家居百货</div>
		</div>
	</body>
</html>
